@extends('home.base.person')
@section('content')
	<div class="am-u-md-12 am-u-lg-8" style="margin-top: 20px;">
		<form class="am-form am-form-horizontal" action="{{ url('home/address').'/'.$ob->id  }}" method="post">
			{{ csrf_field() }}
			{{ method_field('PUT') }}
			<div class="am-form-group">
				<label for="user-name" class="am-form-label">收货人</label>
				<div class="am-form-content">
					<input type="text" id="user-name" placeholder="收货人"  name = 'consignee' value="{{ $ob->consignee }}">
				</div>
			</div>
			<div class="am-form-group">
				<label for="user-phone" class="am-form-label">手机号码</label>
				<div class="am-form-content">
					<input id="user-phone" placeholder="手机号必填" type="text" name="telephone" value="{{ $ob->telephone }}">
				</div>
			</div>
			<div class="am-form-group">
				<label for="user-address" class="am-form-label">原来的地址</label>
				<div class="am-form-content address">
					<input   type="text"  disabled = "" value="{{ $ob->address }}" name="old">
				</div>
			</div>
			<div class="am-form-group">
				<label for="user-address" class="am-form-label">修改的地址</label>
				<div class="am-form-content address">
					<select id="address" name="address[]">
						<option value="">--请选择--</option>						
					</select>
				</div>
			</div>
			<div class="am-form-group">
				<label for="user-intro" class="am-form-label">详细地址</label>
				<div class="am-form-content">
					<textarea class="" rows="3" id="user-intro" name = 'detail'>{{ $ob->detail }}</textarea>
					<small>100字以内写出你的详细地址...</small>
				</div>
			</div>
			<div class="am-form-group">
				<div class="am-u-sm-9 am-u-sm-push-3">
					<button class="am-btn am-btn-danger" type="submit">保存</button>
					<button type="reset"  class="am-btn am-btn-danger" >重置</button>
				</div>
			</div>
		</form>
	</div>
	<script type="text/javascript" src='{{ asset("js/jquery-1.8.3.min.js") }}'></script>
		<script type="text/javascript">
		$.ajaxSetup({
		    headers: {
		        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
		    }
		});
		$.ajax({
			url:"{{ url('home/ajax/get') }}",
			type:'get',
			async:true,
			data:{upid:0},
			dataType:'json',

			success:function(data)
			{				
				//遍历从数据库查出来的数据，生成option选项追加到select里
				for (var i = 0; i < data.length; i++) { 
					$('#address').append("<option value="+data[i].id+">"+data[i].name+"</option>");
				};
			},
			error:function()
			{
				alert('ajax请求失败');
			}
		});

		//给所有的select标签绑定change事件
		$('select').live("change",function(){			
			//干掉当前你选择的select标签后面的select标签
			$(this).nextAll('select').remove();
			//判断你选择是不是--请选择--
			if($(this).val() != '--请选择--'){				
				//因为在ajax的回调函数中需要使用当前对象，但是$(this)在ajax的回调函数中用不了
				var ob = $(this);
				$.ajax({
					url:"{{ url('home/ajax/post') }}",
					type:'post',
					async:true,					
					data:{upid:$(this).val(),'_token':"{{ csrf_token() }}"},
					dataType:'json',
					success:function(data)
					{						
						//判断是不是最后一级城市，最后一级城市查数据库length==0						
						if(data.length>0){							
							//生成一个新的select标签
							var select = $("<select name='address[]'><option>--请选择--</option></select>");
							//遍历从数据库查出来的数据，生成option选项追加到select里
							for (var i = 0; i < data.length; i++) {
								$(select).append("<option value="+data[i].id+">"+data[i].name+"</option>");
							};
							//外部插入到前一个select后面
							ob.after(select);
						}
					},
					error:function()
					{
						alert('ajax请求失败');
					}
				});
			}
		});
	</script>
	<script type="text/javascript">
		function doSubmit(){
			var address = document.getElementById("address").value;			
			if(address != 0){
				var form = document.myForm;
				form.action="{{ url('home/address') }}";
				form.submit();
			}else{
				notice.style.display = 'block';
				alert('请选择地区');
				return false;
			}
		}
	</script>
	<script>
		function doDel(id){
			if(confirm('确定删除吗？')){
				var form = document.myform;
				form.action = '/home/address/'+id;
				form.submit();
			}
		}
	</script>
<div class="clear"></div>
@endsection